<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./bootstrap/bootstrap-3.4.1/dist/css/bootstrap.css">
  <script src="./jquery.js"></script>
  <script src="./bootstrap/bootstrap-3.4.1/js/dropdown.js"></script>
  <script src="./bootstrap/bootstrap-3.4.1/js/collapse.js"></script>
  <script src="./bootstrap/bootstrap-3.4.1/js/transition.js"></script>
  <script src="./bootstrap/bootstrap-3.4.1/js/carousel.js"></script>
  <title>layabox首页</title>
</head>

<body>
  <div class="container-fluid box">

    <!-- 导航栏 -->
    <div class="navbar-wrapper">
      <div class="container">
        <nav class="navbar navbar-inverse navbar-static-top">
          <div class="container">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="#"><img src="./img/index/logo.png" alt="" class="logo"></a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
              <ul class="nav navbar-nav">
                <li class="active"><a href="./index.html">首页</a></li>
                <li ><a href="./family.html">Laya家族</a></li>
                <li><a href="./game.html">游戏</a></li>
                <li><a href="./news.html">新闻动态</a></li>
                <li><a href="#">开发者中心</a></li>
                <li><a href="#">开发者社区</a></li>
                <li><a href="#">开发平台</a></li>
                <li><a href="./aboutus.html">关于我们</a></li>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                    aria-expanded="false">Language <span class="caret"></span></a>
                  <ul class="dropdown-menu">
                    <li><a href="#">中文</a></li>
                    <li><a href="#">日文</a></li>
                    <li><a href="#">韩文</a></li>
                  </ul>
                </li>
              </ul>
            </div>
          </div>
        </nav>

      </div>
    </div>
  </div>

  <!-- 轮播图 -->
  <div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <!-- <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol> -->
    <div class="carousel-inner" role="listbox">
      <div class="item active">
        <img class="first-slide" src="./img/index/banner.png" alt="First slide">

      </div>
      <div class="item">
        <img class="second-slide" src="./img/index/banner.png" alt="Second slide">

      </div>
      <div class="item">
        <img class="third-slide" src="./img/index/banner.png" alt="Third slide">

      </div>
    </div>
    <!-- <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a> -->
  </div><!-- /.carousel -->

  <!-- 内容 -->
  <main class=" main ">
    <!--引擎 -->
    <div class="engine">
      <div class="container">
        <div class="row">
          <div class="col-md-9 col-xs-12 col-sm-8 txt">
            <h1>LayaFlash 引擎 <br> <small> 让Flash技术变成开发HTML5产品的利器</small></h1>
            <ul class="row">
              <li class="col-md-6 txt1 ">
                <img src="./img/index/banner1.png" alt="">
                <div class=" txt2">
                  <h4>快速Flash产品转换</h4>
                  <span>Flash页游\手游仅需1个人7天即可 转换为HTML5和APP游戏</span>
                </div>
              </li>
              <li class="col-md-6 txt1">

                <img src="./img/index/banner2.png" alt="">
                <div class=" txt2">
                  <h4>LayaFlash IDE </h4>
                  <span>支持代码编译、调试、压缩与混淆
                    加密、资源转换、在线文档等功能</span>
                </div>
              </li>
              <li class="col-md-6 txt1">
                <img src="./img/index/banner3.png" alt="">
                <div class=" txt2">
                  <h4>HTML5零学习成本 </h4>
                  <span>AS3开发者可直接使用Flash开源框
                    架和工具链进行开发HTML5</span>
                </div>
              </li>
              <li class="col-md-6 txt1">
                <img src="./img/index/banner4.png" alt="">
                <div class=" txt2">
                  <h4>性能媲美APP </h4>
                  <span>LayaFlash引擎的重度游戏已运行于
                    QQ空间等平台，性能媲美APP</span>
                </div>
              </li>

            </ul>
          </div>
          <img src="./img/index/banner5.png" alt="" class="col-md-3  col-sm-4 pic">
        </div>
      </div>

    </div>

    <!-- 优势 -->
    <div class="container ys">
      <div class="row ys_row">
        <!-- 图标 -->
        <div class="col-xs-12 col-sm-5  col-md-5 l">
          <img src="./img/index/优势.png" alt="">
        </div>
        <!-- 右 -->
        <div class="col-xs-12 col-sm-6 col-md-5 r">
          <!-- 标题 -->
          <div class="title">
            <h3>Layabox 优势</h3>
          </div>
          <!--  -->
          <div class="row ys_box">
            <div class="col-md-12 ys_txt">
              <img src="./img/index/优势1.png" alt="">
              <span>快速上手，Flash程序员3小时掌握HTML5开发</span>
            </div>

            <div class="col-md-12 ys_txt">
              <img src="./img/index/优势2.png" alt="">
              <span>4年优化打磨，LayaPlayer运行器性能媲美APP</span>
            </div>

            <div class="col-md-12 ys_txt">
              <img src="./img/index/优势3.png" alt="">
              <span>超5亿的LayaPlayer移动设备安装量帮助CP发行</span>
            </div>

            <div class="col-md-12 ys_txt">
              <img src="./img/index/优势4.png" alt="">
              <span>使用LayaFlash开发大型HTML5游戏的企业超100家</span>
            </div>

          </div>
        </div>
      </div>
    </div>

    <!-- 家族 -->
    <div class=" jz">
      <div class="container">
        <div class="row jz_row">
          <div class="title col-md-12">
            <h3>Layabox产品家族</h3>
          </div>

          <!-- 一 -->
          <div class="col-xs-12 col-md-12 l">
            <div class="row jz_fn">
              <div class="col-md-6  jz_box">
                <div class="jz_txt">
                  <img src="./img/index/家族1.png" alt="">
                  <div class="col-md-7">
                    <h4>LayaAir</h4>
                    <span>核心库仅100K左右的新一代HTML5引擎，支
                      持AS3\TS\JS语言开发，支持2D\3D，非运行
                      器模式下性能媲美APP。</span>
                  </div>
                </div>
              </div>

              <div class="col-md-6  jz_box">
                <div class="  jz_txt">
                  <img src="./img/index/家族2.png" alt="">
                  <div class="col-md-7">
                    <h4>LayaPublish</h4>
                    <span>Layabox发行业务，通过在H5产业链中的技术
                      桥梁优势，帮助CP获得流量支持。</span>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- 二 -->
          <div class="col-xs-12 col-md-12 l">
            <div class="row jz_fn">

              <div class="col-md-6  jz_box">
                <div class="jz_txt">
                  <img src="./img/index/家族3.png" alt="">
                  <div class="col-md-7">
                    <h4>LayaFlash</h4>
                    <span>使用Flash AS3语言开发H5的引擎框架，可直
                      接在FB或FD中开发、调试、编译H5，也可快
                      速将Flash页游\手游转换成H5游戏。</span>
                  </div>
                </div>

              </div>
              <div class="col-md-6  jz_box">
                <div class=" jz_txt">
                  <img src="./img/index/家族4.png" alt="">
                  <div class="col-md-7">
                    <h4>LayaStore</h4>
                    <span>嵌入式HTML5商城，APP只需嵌入20K的SDK
                      即可以获得托管式HTML5商店服务，进入流量
                      获利新时代。</span>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- 三 -->
          <div class="col-xs-12 col-md-12 l">
            <div class="row jz_fn">

              <div class="col-md-6  jz_box">
                <div class="jz_txt">
                  <img src="./img/index/家族5.png" alt="">
                  <div class="col-md-7">
                    <h4>LayaPlayer</h4>
                    <span>HTML5高速运行器，性能卓越、支持大型
                      HTML5游戏流畅运行，目前已植入QQ、百度
                      等20多家主流平台，安装量超5亿。</span>
                  </div>
                </div>

              </div>
              <div class="col-md-6  jz_box">
                <div class=" jz_txt">
                  <img src="./img/index/家族6.png" alt="">
                  <div class="col-md-7">
                    <h4>LayaOpen</h4>
                    <span>Layabox开放平台，整合了Laya提供的各项运
                      营，管理服务的服务，提供给游戏提供商和互
                      联网渠道的统一开放平台。</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 更多 -->
    <div class="container gd">
      <div class="row gd_row">

        <!-- 标题 -->
        <div class="col-md-12 title">
          <h3>采用Layabox引擎的精彩游戏</h3>
          <a href="">更多</a>
        </div>

        <!-- 左 -->
        <div class="col-xs-12 col-sm-12  col-md-5 l">
          <img src="./img/index/更多.png" alt="">
        </div>
        <!-- 右 -->
        <div class="col-xs-12 col-sm-12  col-md-7 r">
          <!-- 第一行 -->
          <div class="col-md-12 col-xs-12    r_fn">
            <div class="row fn_row">
              <div class="col-md-8 col-sm-8  col-xs-12 r_fn1 ">
                <a href=""> <img src="./img/index/游戏1.png" alt="">猎刃2</a>
                <a href=""> <img src="./img/index/游戏2.png" alt="">上吧主公</a>
                <a href=""> <img src="./img/index/游戏3.png" alt="">醉西游</a>
                <a href=""> <img src="./img/index/游戏4.png" alt="">魔卡幻想</a>
              </div>

              <div class="col-md-4  col-sm-4 col-xs-6 r_fn1">
                <a href=""> <img src="./img/index/游戏5.png" alt="">超能战队</a>
                <a href=""> <img src="./img/index/游戏6.png" alt="">刀塔大菠<br> 萝</a>
              </div>

              <div class="col-md-4 col-sm-4  col-xs-6 r_fn1">
                <a href=""> <img src="./img/index/游戏7.png" alt="">轰三国</a>
                <a href=""> <img src="./img/index/游戏8.png" alt="">迷你猎人</a>
              </div>

              <div class="col-md-8  col-sm-8 col-xs-12 r_fn1">
                <a href=""> <img src="./img/index/游戏9.png" alt="">萌挂三国</a>
                <a href=""> <img src="./img/index/游戏10.png" alt="">夺塔三国</a>
                <a href=""> <img src="./img/index/游戏11.png" alt="">英雄争霸</a>
                <a href=""> <img src="./img/index/游戏12.png" alt="">战争之门</a>
              </div>
            </div>
          </div>


      </div>

     </div>
    </div>
  </main>


  <!-- 尾部 -->
  <footer>
    <!-- 合作伙伴 -->
        <div class="hz">
              <div class="container hz_con">

                <div class="row hz_row">
                  <!-- 标题 -->
                  <div class="col-md-12 title">
                    <h2>合作伙伴 <small>(排序不分先后)</small></h2>
                  </div>
                  <!-- 图片 -->
                  <div class="hz_fun col-md-12">
                    <div class="row hz_fn">
                          <div class="hz_box col-md-12">
                            <div class="col-md-2">
                              <img src="./img/index/合作1.png" alt="">
                            </div>
                            <div class="col-md-2">
                              <img src="./img/index/合作2.png" alt="">
  
                            </div>
                            <div class="col-md-2">
                            <img src="./img/index/合作3.png" alt="">
                          </div>
                          <div class="col-md-2">
                            <img src="./img/index/合作4.png" alt="">
                          </div>
                          <div class="col-md-2">
                            <img src="./img/index/合作5.png" alt="">

                          </div>
                          <div class="col-md-2">
                          <img src="./img/index/合作6.png" alt="">
                        </div>
                          </div>   


                          <!--  -->
                          <div class="hz_box col-md-12">
                            <div class="col-md-2">
                              <img src="./img/index/合作7.png" alt="">
                            </div>
                            <div class="col-md-2">
                              <img src="./img/index/合作8.png" alt="">
  
                            </div>
                            <div class="col-md-2">
                            <img src="./img/index/合作9.png" alt="">
                          </div>
                          <div class="col-md-2">
                            <img src="./img/index/合作10.png" alt="">
                          </div>
                          <div class="col-md-2">
                            <img src="./img/index/合作11.png" alt="">

                          </div>
                          <div class="col-md-2">
                          <img src="./img/index/合作12.png" alt="">
                        </div>
                          </div>   
                    
                        
                    </div>
                  </div>

                      
                  
                </div>
              </div>


        </div>


     <!-- 底部联系 -->
        <div class="bt">
            <div class="container bt_con">
               <div class="row bt_row">
                      <div class="txt col-md-9 col-sm-9 col-xs-7">
                        <p>
                          <a href="">公司简介</a>
                          <a href="">联系方式</a>
                          <a href="">人才招聘</a>
                          
                        </p>
                        <p> 
                          All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 
                        </p>
                      </div>


                      <div class="bt_pic col-md-3 col-sm-3 col-xs-5">
                        <img src="./img/index/邮箱.png" alt="" class="pic1">
                        <img src="./img/index/二维码.png" alt="" class="ewm">

                        <img src="./img/index/WX.png" alt="" class="pic1">
                        <img src="./img/index/二维码.png" alt=""  class="ewm">

                        <img src="./img/index/QQ.png" alt="" class="pic1">
                        <img src="./img/index/二维码.png" alt=""  class="ewm">


                      

                      </div>


               </div>
            </div>
        </div>
      


  </footer>


</body>

</html>